<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>我的银行卡</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/style.css" />
		<link rel="stylesheet" href="../../css/icons-extra.css" />
		<link rel="stylesheet" href="../../css/title.css" />
		<style>
			.mui-content button.mui-btn-block {
			    border: none;
			    height: 40px;
			    padding: 0;
			    border-radius: 0;
			    background: #05508a;
			    color: #fff;
			}
			
		</style>
	</head>

	<body>
		
		<!-- 头部 -->
		<header class="mui-bar mui-bar-nav home_top">
			<h1 class="mui-title"><span lang>我的银行卡</span></h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		</header>
		<div class="mui-content" style="background:#e3e3e3;">
			<div class="mui-card mycard" id="main-area"> </div>
				<script id='main-template' type="text/template">
				<% for(var z in data){ var bank=data[z]; %>
			        <ul class="mui-table-view" style="background:#e3e3e3;padding-bottom:10px;margin-bottom:0;">
			            <li class="mui-table-view-cell" style="margin-bottom:0px;background:#e3e3e3;">
			                <a class="mui-navigate-right" data-id="<%=(bank.id)%>" style="color:#000;background:#fff;">
			                    <span class="mui-pull-right mycard_right"><% if(bank.is_def==1){ %> 默认 <% } %></span>
			                    	<%=(bank.bank_name)%>
			                </a>
			            </li>
			            <p class="card_num" style="background:#eee;margin-bottom:0;padding:0 10px;margin-top:0;">
		                	<button class="mui-pull-right mycard_right" data-id="<%=(bank.id)%>" style="margin-top:10px;">删除</button>
		                	<span><%=(bank.bank_card)%></span>
		                </p>
			        </ul>
			    <% } %>
		        <!--
		        <ul class="mui-table-view">
		            <li class="mui-table-view-cell">
		                <a class="mui-navigate-right">
		                    <span class="mui-pull-right mycard_right">默认</span>
		                    	中国建设银行
		                </a>
		            </li>
		            <p class="card_num">
	                	<button class="mui-pull-right mycard_right">删除</button>
	                	<span>6222333344445555666</span>
	                </p>
		        </ul>  -->
		        
		       </script>

           <button class="mui-btn mui-btn-block" id="add_bank"><span class="mui-icon mui-icon-extra mui-icon-extra-card"></span><span lang>添加银行卡</span></button>
		</div>
		
		<script src="../../lang/setting.js"></script>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/config.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/arttmpl.js"></script>
		<script src="../../js/sockjs.js"></script>
		<script src="../../resource/setting/card_list.js"></script>
		
	</body>

</html>